<template>
  <div>
    <h1>mapActions</h1>
    <h2>{{ this.$store.state.myData }}</h2>
    <button @click="setMyData">
      asyncSetMyData
    </button>
  </div>
</template>

<script>
import { mapActions } from 'vuex'
export default {
  methods: {
    ...mapActions(['asyncSetMyData']),
    setMyData() {
      this.asyncSetMyData()
      // this.$store.dispatch('asyncSetMyData')
    }
  }
}
</script>

<style lang="scss" scoped>

</style>
